html {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
}

* {
  scrollbar-color: auto;
  scrollbar-width: auto;
}

*,
::after,
::before {
  box-sizing: border-box;
  border: 0 solid #e6e6e6;
}

a {
  text-decoration: none;
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

:is(.dark .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

@media (min-width: 744px) {
  .container {
    max-width: 744px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
}

@media (min-width: 1024px) {
  .lg\:hidden {
    display: none;
  }
}

@media (max-width: 1024px) {
  .sm\:hidden {
    display: none;
  }
}

.focus-ring:focus {
  border-radius: 0.125rem;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: #2196f3;
}

.focus-ring:focus-visible {
  border-radius: 0.125rem;
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 4px;
  outline-color: #2196f3;
}

.fil5 {
  fill: #24b2e4;
}
.fil4 {
  fill: #2e95c9;
}
.fil3 {
  fill: #2477b6;
}
.fil2 {
  fill: #2c5aa0;
}
.fil1 {
  fill: #364b95;
}
.fil0 {
  fill: url(#id0);
  fill-rule: nonzero;
}

.inter-black {
  font-family: "inter-black";
}

.inter-bold {
  font-family: "inter-bold";
}

.inter-eblod {
  font-family: "inter-eblod";
}

.inter-eblod {
  font-family: "inter-eblod";
}

.inter-elight {
  font-family: "inter-elight";
}

.inter-light {
  font-family: "inter-light";
}

.inter-medium {
  font-family: "inter-medium";
}

.inter-regular {
  font-family: "inter-regular";
}

.inter-sbold {
  font-family: "inter-sbold";
}

.inter-thin {
  font-family: "inter-thin";
}
